<!DOCTYPE html>
<html id="replace-style" lang="zh" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<link rel="icon" type="image/x-icon" href="/favicon.ico" th:href="@{/favicon.ico}" >
	<title>用户管理</title>
	
	
	
	
</head>
<body>
<!--头部-->
<header th:replace="common/head" >
</header> 
<!-- 页面指向 -->
<div class="page-point bg-white">
	<ul>
		
		<li>系统管理</li>
		<li>用户管理</li>
	</ul>
</div>
<!-- 菜单树 -->
<div th:replace="common/left" > 
</div>




<!--主体内容-->
<div class="page-container">

	<div class="container-fluid mb-20 clearfix">
		<div class="col-md-12">
			<h2 class="page-section-title">查询条件</h2>
		</div>
	</div>

	<div class="container-fluid query-frame-wrap mb-10 clearfix condition-query">
		<div class="col-lg-3">
			<div class="query-frame">
				<label>用户名</label>
				<input autocomplete="new-password" type="text"  class="form-control queryUser" id="username"/>
			</div>
		</div>
		<div class="col-lg-3">
			<div class="query-frame">
				<label>姓名</label>
				<input autocomplete="new-password" type="text"  class="form-control queryUser" id="truename"/>
			</div>
		</div>
		<div class="col-lg-3">
			<div class="query-frame">
				<label>工号</label>
				<input autocomplete="new-password" type="text"  class="form-control queryUser" id="workNo"/>
			</div>
		</div>
		<div class="col-lg-3">
			<div class="query-frame query-button">
				<img id="queryUser" th:src="@{/image/search.png}"/>
				<img class="reset" th:src="@{/image/rest.png}"/>
			</div>
		</div>
	</div>

	<div class="container-fluid mb-20 clearfix">
		<div class="col-md-12 rlt">
			<h2 class="page-section-title">用户列表</h2>
			<ul class="table-tool">
			    <li data-toggle="modal"  data-target="#myModal" id="addUser">
			        <span class="icon-list_add" aria-hidden="true"></span>
			        <label>新增</label>
			    </li>
			    <li id="updateUser">
			        <span class="icon-list_xiugai" aria-hidden="true"></span>
			        <label>修改</label>
			    </li>
			    <li id="delUser">
			        <span class="icon-list_shanchu" aria-hidden="true"></span>
			        <label >删除</label>
			    </li>
			    <li id="disableUser">
			        <span class="icon-list_jinyong" aria-hidden="true"></span>
			        <label>禁用</label>
			    </li>
			    <li id="enableUser">
			        <span class="icon-list_qiyong" aria-hidden="true"></span>
			        <label>启用</label>
			    </li>
			    <li id="exportUser">
			        <span class="icon-list_baocun" aria-hidden="true"></span>
			        <label>导出</label>
			    </li>
			    <li id="refresh">
			        <span class="icon-list_shuaxin" aria-hidden="true"></span>
			        <label>刷新</label>
			    </li>
			</ul>
		</div>
	</div>

	<div class="container-fluid table-container">
		<table id="userTable"  cellspacing="" cellpadding="">
						
		</table>
	</div>
</div>

<!--模态框-表单验证和文件上传-->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false">
  <div class="modal-dialog modal-dialog-big" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title title">Newly added</h4>
      </div>
      <div class="modal-body">
		    <div class="row">
		        <div class="col-lg-12">
		            <form id="defaultForm" method="" class="form-horizontal userForm" action="">
						<div class="col-lg-6">
							<div class="form-group">
								<label class="col-lg-3 control-label form-required">工号</label>
								<div class="col-lg-9">
									<input autocomplete="new-password" type="text" class="form-control" name="workNo" />
								</div>
							</div>

							<div class="form-group">
								<label class="col-lg-3 control-label form-required form-required-3">用户名</label>
								<div class="col-lg-9">
									<input autocomplete="new-password" type="text" class="form-control" name="username" />
								</div>
							</div>

							<div class="form-group" style="min-height: 34px;">
								<label style="padding-top: 4px;" class="col-lg-3 control-label form-required form-required-exception">启用</label>
								<div class="col-lg-9">
									<input autocomplete="new-password" type="checkbox" name="enabled"  value="1" checked="checked" />
								</div>
							</div>

							<div class="form-group">
								<label class="col-lg-3 control-label">联系电话</label>
								<div class="col-lg-9">
									<input autocomplete="new-password" type="text" class="form-control" name="telephone" />
								</div>
							</div>

							<div class="form-group">
								<label class="col-lg-3 control-label">微信号</label>
								<div class="col-lg-9">
									<input autocomplete="new-password" type="text" class="form-control" name="wechatName" />
								</div>
							</div>
						</div>

						<div class="col-lg-6">
							<div class="form-group">
								<label class="col-lg-3 control-label form-required">姓名</label>
								<div class="col-lg-9">
									<input autocomplete="new-password" type="text" class="form-control" name="truename" />
								</div>
							</div>

							<div class="form-group">
								<label class="col-lg-3 control-label form-required">角色</label>
								<div class="col-lg-9">
									<select name="roleId" class="form-control roleName">
									</select>
								</div>
							</div>

							<div class="form-group">
								<label class="col-lg-3 control-label form-required">密码</label>
								<div class="col-lg-9">
									<input autocomplete="new-password" type="password" class="form-control" name="password" id="password"/>
								</div>
							</div>

							<div class="form-group">
								<label class="col-lg-3 control-label form-required">手机</label>
								<div class="col-lg-9">
									<input autocomplete="new-password" type="text" class="form-control" name="mobile" />
								</div>
							</div>
						</div>

						<div class="col-lg-12">
							<div class="form-group">
								<label class="col-lg-2 control-label" style="width: 98px;">邮箱地址</label>
								<div class="col-lg-10">
									<input autocomplete="new-password" type="text" class="form-control" name="email" />
								</div>
							</div>
						</div>

						<div class="col-lg-12">
							<div class="form-group">
								<label class="col-lg-2 control-label" style="width: 98px;">联系地址</label>
								<div class="col-lg-10">
									<input autocomplete="new-password" type="text" class="form-control" name="address" />
								</div>
							</div>
						</div>
						<input autocomplete="new-password" type="hidden" name="pkId" value="" />
		            </form>
		        </div>
		    </div>
      </div>
      <div class="modal-footer">
      	<button type="button" class="btn btn-primary yes">保存</button>
        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
      </div>
    </div>
  </div>
</div>


<!--模态框-表单验证和文件上传-->
<div class="modal fade" id="myUpdateModal" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false">
  <div class="modal-dialog modal-dialog-big" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title title">Newly added</h4>
      </div>
      <div class="modal-body">
		    <div class="row">
		        <div class="col-lg-12">
		            <form id="userUpdateForm" method="" class="form-horizontal userUpdateForm" action="">
						<div class="col-lg-6">
							<div class="form-group">
								<label class="col-lg-3 control-label form-required">工号</label>
								<div class="col-lg-9">
									<input autocomplete="new-password" type="text" class="form-control" name="workNo" />
								</div>
							</div>

							<div class="form-group">
								<label class="col-lg-3 control-label form-required form-required-3">用户名</label>
								<div class="col-lg-9">
									<input autocomplete="new-password" type="text" class="form-control" name="username" />
								</div>
							</div>

							<div class="form-group" style="min-height: 34px;">
								<label style="padding-top: 4px;" class="col-lg-3 control-label form-required form-required-exception">启用</label>
								<div class="col-lg-9">
									<input autocomplete="new-password" type="checkbox" name="enabled"  value="1" checked="checked" />
								</div>
							</div>

							<div class="form-group">
								<label class="col-lg-3 control-label">联系电话</label>
								<div class="col-lg-9">
									<input autocomplete="new-password" type="text" class="form-control" name="telephone" />
								</div>
							</div>

							<div class="form-group">
								<label class="col-lg-3 control-label">微信号</label>
								<div class="col-lg-9">
									<input autocomplete="new-password" type="text" class="form-control" name="wechatName" />
								</div>
							</div>
						</div>

						<div class="col-lg-6">
							<div class="form-group">
								<label class="col-lg-3 control-label form-required">姓名</label>
								<div class="col-lg-9">
									<input autocomplete="new-password" type="text" class="form-control" name="truename" />
								</div>
							</div>

							<div class="form-group">
								<label class="col-lg-3 control-label form-required">角色</label>
								<div class="col-lg-9">
									<select name="roleId" class="form-control roleName">
									</select>
								</div>
							</div>

							<div class="form-group">
								<label class="col-lg-3 control-label form-required">密码</label>
								<div class="col-lg-9">
									<input autocomplete="new-password" type="password" class="form-control" name="password" id="updatePassword"/>
								</div>
							</div>

							<div class="form-group">
								<label class="col-lg-3 control-label form-required">手机</label>
								<div class="col-lg-9">
									<input autocomplete="new-password" type="text" class="form-control" name="mobile" />
								</div>
							</div>
						</div>

						<div class="col-lg-12">
							<div class="form-group">
								<label class="col-lg-2 control-label" style="width: 98px;">邮箱地址</label>
								<div class="col-lg-10">
									<input autocomplete="new-password" type="text" class="form-control" name="email" />
								</div>
							</div>
						</div>

						<div class="col-lg-12">
							<div class="form-group">
								<label class="col-lg-2 control-label" style="width: 98px;">联系地址</label>
								<div class="col-lg-10">
									<input autocomplete="new-password" type="text" class="form-control" name="address" />
								</div>
							</div>
						</div>
                        <input autocomplete="new-password" type="hidden" name="pkId"  />
                    </form>
                </div>
            </div>
      </div>
      <div class="modal-footer">
          <button type="button" class="btn btn-primary yes">保存</button>
        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
      </div>
    </div>
  </div>
</div>

<div th:replace="common/foot" > 
</div>

<script th:src="@{/js/system/user/user.js}"type="text/javascript"></script>


</body>
</html>